import Vue from 'vue'
import App from './App'

Vue.config.productionTip = false


// const cpn = {
//   template: '<div>{{message}}</div>',
//   data() {
//     return {
//       message: '我是组件message'
//     }
//   }
// }


/* eslint-disable no-new */
new Vue({
  el: '#app',
  render: h => h(App)

  // 1.普通用法createElement('标签',{标签的属性},['内容']) 会替换#app
  // render: function (createElement) {
  //   return createElement('h2', { class: 'box' },
  //     ['Hello,Vue', createElement('button', ['按钮11'])])
  // }

  // 2.组件用法(传入组件对象)
  // render: function (createElement) {
  //   return createElement(cpn)
  // }
})

// runtime-compiler
// template(parse) -> ast(compiler) -> render -> vdom -> ui


// console.log(App);
// 那么.vue文件中template是由谁处理了呢?
// 是由vue-template-compiler处理的~!!!!!!!!!!!!
// runtime-only(性能更高,代码量更少)
// render -> vdom -> ui